<?php
	header('Content-Type:text/html;charset=utf-8');
?>
  <!-- 尾部 盒子 -->
	<footer id="foot_box">
		<div class="foot_box">
			<a href="#" class="app"></a>
			<dl class="tel">
				<dt>服务热线</dt>
				<dd>400-027-0101</dd>
			</dl>
			<dl class="share">
				<dt>
					<a href="#" class="weixin"></a>
					<a href="#" class="xinlang"></a>
					<a href="#" class="phone"></a>
				</dt>
				<dd>
					<a href="#" id="email">kefu@zhongxincaifu.com</a>
					<div class="email" >
						<form action="" id="requset_email">
							<h2>给我发邮件</h2>
							<span>收件人：</span><input type="text" name="address" readonly class="only">
							<span>发件人：</span><input type="text" name="ename" class="user">
							<span>主题：</span><input type="text" name="keyword">
							<span>内容：</span><textarea type="text" name="content" rows="8" class="text"></textarea>
							<input type="button" value="发送邮件" id="send">
							<input type="button" value="重写" id="rest">
						</form>
					</div>
				</dd>
			</dl>
			<a href="#" class="qrCode">
				<img src="images/ft_erweima.png"/>
			</a>
			<ul>
				<li>
					<a href="http://kf.qq.com" target="blank">联系我们</a>
					<!-- 腾讯客服-首页 -->
				</li>
				<li>
					<a href="borrow.html" target="blank">我要融资</a>
				</li>
				<li>
					<a href="problem.html" target="blank">帮助中心</a>
				</li>
				<li>
					<a href="http://www.csrc.gov.cn" target="blank">友情链接</a>
				</li>
				<li>
					<a href="http://m.51job.com/?parener=51job" target="blank">招贤纳士</a>
					<!-- 前程无忧招聘网 -->
				</li>
				<li>
					<a href="http://www.gffunds.com.cn/lczb/jjgj/mnjsq/syjsq/" target="blank">收益计算器</a>
					<!-- <a href="http://www.chinaacc.com/new/lcgix/zxjsq/files/4_7.html">收益计算器</a> -->
					<!-- 广发在线收益计算器		证监会官网 -->
				</li>
			</ul>
		</div>
	</footer>
  <!-- 尾部 -->
	<footer>
		<div id="foot">
			<p>© 2014 zhongxincaifu</p>
			<p>投资理财金融信息服务股份有限公司</p>
			<div>
				<a href="#">
					<img src="images/360.png"/>
				</a>
				<a href="#">
					<img src="images/kexin.png"/>
				</a>
				<a href="#">
					<img src="images/norton.png"/>
				</a>
			</div>
		</div>
	</footer>
  <!-- 底部消息推送 -->
	<div id="pushnews">
		<div id="news">
			<p><a href="#">最新消息推送1</a></p>
			<p><a href="#">最新消息推送2</a></p>
			<p><a href="#">最新消息推送3</a></p>
			<p><a href="#">最新消息推送4</a></p>
			<p><a href="#">最新消息推送5</a></p>
			<p><a href="#">最新消息推送6</a></p>
			<p><a href="#">最新消息推送7</a></p>
			<p><a href="#">最新消息推送8</a></p>
			<p><a href="#">最新消息推送9</a></p>
		</div>
		<a href="#">&times;</a>
	</div>
<script>
	/****尾部发邮件******/
	$('#email').click(function(e){
		e.preventDefault();
		$('.email').dialog();
		$('#requset_email>[name="address"]').val($(this).html());
	});
	$('#rest').click(function(){
		$('#requset_email>[type="text"]').each(function(){
			if($(this).attr('name')!="address"){
				$(this).val('');
			}
		});
		$('#requset_email>.error').html('');
	});
	$("#send").click(function(){
		if($(".user").val()!=""&&$('.text').val()!=""){
			alert("邮件发送成功");
		}
	});
	$('#requset_email').validate({
		 //指定每个输入的验证规则
		 rules:{
			 ename: {
				required:true,
			 },
			 keyword: {
				maxlength:20
			 },
			 content: {
				required: true,
				maxlength:200
			 },
		 },  
			//验证失败后的提示信息
		 messages:{
			ename: {
				required: '发件人账户不能为空',
			},
			keyword: {
				maxlength:'主题内容不超过20个字符'
			},
			content: {
				required: '邮件内容不能为空',
				maxlength:'邮件内容不超过200个字符'
			},
		}
	});
	/*****最新消息推送*****/
	function news(){
		$('#pushnews').fadeIn(1000);
	};
	news();
	$('#pushnews>a').click(function(e){
		e.preventDefault();
		$('#pushnews').hide();
		var n=5;
		if(n==5){
			var t=setInterval(calc,1000);
		}
		function calc(){
			n--;
			if(n==0){
				news();
				clearInterval(t);
				return;
			}
		}
	});
</script>